//$('body').on('change', '.upload_image', function(){// alert(111);//// var is_length = $('.upload-img-list').length;//// if (is_length > 8) {// new $.flavr({// title : '有错误发生:',// iconPath : 'flavr/images/icons/',// icon : 'email.png',// content : '图片最多上传9张',// });// return// }// $('.upload_error').html('');//// var file_path = $(this).val();// var file_obj = document.querySelector('.upload_image');//// var data = uploadImgAction(this, file_path, file_obj);//// $.ajax({// 'url': '/upload/image',// 'type': 'post',// 'dataType': 'json',// 'processData': false,// 'contentType': false,// 'data': data,// 'success': function (response) {// if (response.status) {// // 添加隐藏域,保存存储成功后的物理路径// var show_img = ''+// ' '+// ' '+// ' x'+// '';// $('.upload-img-box').append(show_img);// $('.upload_image').val('');// } else {// errorMessage(response.error_msg);// }// }// })//});var dataParam = [];function headImg(type) { //这个type参数是因为传图片的同时还要传参数,根据type不同写不同的参数,可选 if(type==1){ type='bill_user' }else{ type='rec_user' }// var is_length = $('.upload-img-list').length;// console.log//// if (is_length > 8) {// new $.flavr({// title : '有错误发生:',// iconPath : 'flavr/images/icons/',// icon : 'email.png',// content : '图片最多上传9张',// });// return// } $('.upload_error').html('');// var file_path = $(this).val();// var file_obj = document.querySelector('.upload_image'); var file_path = $('#upload-photo').val(); var file_obj = document.querySelector('#upload-photo'); var this1 = document.querySelector('#upload-photo'); var type = type; var data = uploadImgAction(this1, file_path, file_obj,type); $.ajax({ url: 'http://ezist.cn/api/users/avatar', type: 'post', dataType: 'json', processData: false, contentType: false, data: data, success: function (response) { debugger window.location.href = "m-personal-center.html"// window.location.href = "personal-data.html" dataParam.push(response.flag);// param = response.save_path// if (response.status) { // 添加隐藏域,保存存储成功后的物理路径 var param = response.save_path + '1'; var show_img = ''+ ' '+ ' '+ ' x'+ ''; $('.upload-img-box').append(show_img); $('.upload_image').val('');// } else {// errorMessage(response.error_msg);// } } })}// 个人中心上传图片$('body').on('change', '.per_upload_image', function() { var file_path = $(this).val(); var file_obj = document.querySelector('.per_upload_image'); var data = uploadImgAction(this, file_path, file_obj); $.ajax({ 'url': '/upload/image', 'type': 'post', 'dataType': 'json', 'processData': false, 'contentType': false, 'data': data, 'success': function (response) { if (response.status) { $('.upload_success').attr('value', response.save_path); } } })})// 上传图片方法function uploadImgAction($this, file_path, file_obj,type) { var _file = $this; var file = file_obj.files[0]; // 图片尺寸限制 if (file.size > 2 * 1024 * 1024) { errorMessage('图片尺寸不能超过2M') } var ext_start = file_path.lastIndexOf('.'); var ext = file_path.substring(ext_start + 1, file_path.length).toUpperCase(); // 图片类型限制 if ($.inArray(ext, ['JPG', 'JPEG', 'GIF', 'BMP', 'PNG']) < 0) { errorMessage('图片格式只能为JPG、JPEG、GIF、BMP、PNG'); } var data = new FormData(); //此处就是要上传给后台的图片加参数data.append() data.append('avatar', _file.files[0]); data.append('type', type); return data;}function deleteImg(param,imgPar) { var imgArr = $('#' + imgPar); $.post('http://ezist.cn/api/bills/image/destroy', {'path': param, 'csrf_token':$('meta[name="csrf-token"]').attr('content')}, function() { imgArr.parents('.upload-img-list').remove(); })}// 删除图片//$('body').on('click', '.upload-del-x', function() {// debugger// var $this = $(this);// var path = $(this).prev().attr('src');//// $.post('/destroy/image', {'path': path, 'csrf_token':$('meta[name="csrf-token"]').attr('content')}, function() {// $this.parents('.upload-img-list').remove();// })//})function errorMessage(message){ $('.upload_error').html(message); return;}